<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>普通资产流转管理</title>
		<link rel="stylesheet" href="layui/css/layui.css">
		<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
		<script type="text/javascript" src="layui/layui.all.js"></script>
	</head>

	<body>
		 <div style="margin:10px 10px;">
		<div class="layui-elem-quote">
			<span class="layui-breadcrumb">
				<a href="">首页</a>
				<a href=""><span class="layui-icon layui-icon-dollar"></span>资产流转管理</a>
			<a href=""><span class="layui-icon layui-icon-console"></span><cite>普通资产流转管理</cite></a>
			</span>
		</div>

		<div>
			<form class="layui-form">
				<div class="layui-inline">
					<label class="layui-form-label">资产操作</label>
					<div class="layui-input-inline">
						<select name="">
							<option value="">请选择...</option>
							<option value="">资产领用</option>
							<option value="">资产转移</option>
							<option value="">资产报废</option>
						</select>
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">资产名称</label>
					<div class="layui-input-inline">
						<input type="text" id="" class="layui-input" />
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">批次编号</label>
					<div class="layui-input-inline">
						<input type="text" id="" class="layui-input" />
					</div>
				</div>

				<div class="layui-inline">
					<div class="layui-input-inline">
						<a href="" class="layui-btn layui-btn-success">
							<span class="layui-icon layui-icon-search"></span>搜索search</a>
					</div>
				</div>
			</form>
		</div>
		<div class="layui-card">

			<div class="layui-card-header">
				可使用资产列表
			</div>
<!--
			<div class="layui-card-body">
				<table class="layui-table">
					<tr>
						<td>ID</td>
						<td>资产名称</td>
						<td>批次编号</td>
						<td>单价（￥）</td>
						<td>库存量</td>
						<td>采购人</td>
						<td>入库时间</td>
						<td>领用操作</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>HP打印机</td>
						<td>NOR010102-000006-1512144624328</td>
						<td>4,980.0</td>
						<td>2</td>
						<td></td>
						<td>2017-12-02</td>
						<td>
							<a href="" class="layui-btn layui-btn-fluid">
								<span class="layui-icon layui-icon-chart"></span>领用
							</a>
						</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>HP激光打印</td>
						<td>NOR010102-000002-145235346339</td>
						<td>1，980.0</td>
						<td>15</td>
						<td>王枭</td>
						<td>2016-01-09</td>
						<td>
							<a href="" class="layui-btn layui-btn-fluid">
								<span class="layui-icon layui-icon-chart"></span>领用
							</a>
						</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>HP笔记本电脑</td>
						<td>NOR010502-000004-1512145300831</td>
						<td>2，000.00</td>
						<td>10</td>
						<td></td>
						<td>2017-12-02</td>
						<td>
							<a href="" class="layui-btn layui-btn-fluid">
								<span class="layui-icon layui-icon-chart"></span>领用
							</a>
						</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>办公椅</td>
						<td>NOR010203-000001-1451754124317</td>
						<td>70.00</td>
						<td>5</td>
						<td>林晓</td>
						<td>2016-01-03</td>
						<td>
							<a href="" class="layui-btn layui-btn-fluid">
								<span class="layui-icon layui-icon-chart"></span>领用
							</a>
						</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>办公椅</td>
						<td>NOR010203-000001-1451756047952</td>
						<td>75.00</td>
						<td>9</td>
						<td>王枭</td>
						<td>2016-03-01</td>
						<td>
							<a href="" class="layui-btn layui-btn-fluid">
								<span class="layui-icon layui-icon-chart"></span>领用
							</a>
						</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>教师用电脑</td>
						<td>NOR010502-000003-1452188787399</td>
						<td>4,899.00</td>
						<td>8</td>
						<td>林晓</td>
						<td>2019-11-22</td>
						<td>
							<a href="" class="layui-btn layui-btn-fluid">
								<span class="layui-icon layui-icon-chart"></span>领用
							</a>
						</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>教师用电脑</td>
						<td>NOR010502-000003-1483000431710</td>
						<td></td>
						<td>500</td>
						<td>老张</td>
						<td>2019-11-22</td>
						<td>
							<a href="" class="layui-btn layui-btn-fluid">
								<span class="layui-icon layui-icon-chart"></span>领用
							</a>
						</td>
					</tr>
					<tr>
						<td colspan="8">显示第1到第10条记录，总共7条记录&nbsp;&nbsp;每页显示10条记录</td>
					</tr>
				</table>

			</div>
</div>-->

		<script src="../layui/layui.all.js"></script>
		<script>
				layui.use(['element', 'form', 'laypage', 'table'], function() {
					var element = layui.element;
					var page = layui.laypage;
					var form = layui.form;
					var table = layui.table;
					table.render({
						elem: '#demo1',
						height: 347,
						width: 1171,
						url: 'tableJson/paintAssetManage.json',
						page: true, //开启分页	
						limit: 5,
						limits: [5, 10, 15, 20, 25, 30],
						loading: false,
						done: function(res, curr, count) {
							$("table").css("width", "90%");
						},
						cols: [
							[ //表头
								{
									field: 'no',
									width: 50,
									sort: true,
									fixed: 'left'
								},
								{
									field: 'name',
									title: '资产名称',
									width: 150,
									sort: true,
									fixed: 'left'
								}, {
									field: 'order',
									title: '批次编号',
									width: 290,
								}, {
									field: 'price',
									title: '单价（￥）',
									width: 130,
									sort: true
								}, {
									field: 'number',
									title: '当前库存量',
									width: 120,
								},
								{
									field: 'people',
									title: '采购人',
									width: 120
								},{
									field: 'date',
									title: '入库日期',
									width: 122
								},{
									field: 'status',
									title: '领用操作',
									width: 180,
									height: 30,
									templet: "#buttonTp1"
								}

							]
						]
					});

				});
			</script>

			<div class="layui-row">
				<table id="demo1" lay-filter="test"></table>
			</div>
			<script type="text/html" id="buttonTp1">
				<a class="layui-btn layui-bg-orange layui-btn-xs" lay-event="detail"><span class="layui-icon layui-icon-carousel"> </span>领用</a>
			</script>
		<div align="right">
			<div id="page"> </div>
		</div>
		</div>
	</body>

</html>